<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>0000</title>
        <style>
            .box {
                width:100px;
                height:100px;
                background:red;
                margin:100px auto;
                -webkit-transform-origin:200px 200px;
                transition:5s;
            }
            body:hover .box {
                transform:rotate(720deg) scale(0.5);
            }
        </style>
    </head>
    <body>
        <!--变换基点-->
        <div class="box"></div>
    </body>
</html>